
 $(document).ready(function() {
            // 导航菜单点击事件
            $('.nav-item').click(function() {
                const page = $(this).data('page');
                $('.nav-item').removeClass('active');
                $(this).addClass('active');
                
                // 隐藏所有页面
                $('#headclickfct').removeClass('show');
                $('#chat-container').removeClass('show');
                $('#moment-page').removeClass('show');
                $('#wallet-page').removeClass('show');
                // 显示对应的页面  根本没进来
                if (page === 'contact') {
                    $(".contact-group").css("display","block");
                    $("#message-list").css("display","none");
                } else if (page === 'moment') {
                    	$('#moment-page').addClass('show');
                } else if (page === 'wallet') {
                    	$('#wallet-page').addClass('show');
                }else if(page==='My_headimg'){
                    	$('#headclickfct').addClass('show');
                }else if(page === 'message'){
                	 $('#message-page').addClass('show');
                	//.nav-item.active::before
                	 $(".contact-group").css("display","none");
                     $("#message-list").css("display","block");
                }
            });
            
            // 联系人点击事件 - 打开聊天窗口
           $('.contact-item').click(function() {
                const name = $(this).data('user');
                const avatar = $(this).data('avatar');
                
                $('.contact-item').removeClass('active');
                $(this).addClass('active');
                
                $('.chat-title').text('与 ' + name + ' 聊天中');
                $('#chat-container').addClass('show');
                //contact-avatar avatar
                // 滚动到底部
                setTimeout(() => {
                    $('#chat-messages').scrollTop($('#chat-messages')[0].scrollHeight);
                }, 100);
            });
           //const user = contactItem.getAttribute('data-user')
            // 关闭聊天窗口
            $('.close-chat').click(function() {
                $('#chat-container').removeClass('show');
            });
            
            // 关闭动态/钱包/个人资料页面
            $('.close-page').click(function() {
                $('#headclickfct').removeClass('show');
                $('#moment-page').removeClass('show');
                $('#wallet-page').removeClass('show');
                $('.nav-item[data-page="message"]').click();
            });
            
            
            
            // 分组折叠/展开
            $('.group-title').click(function() {
                $(this).toggleClass('collapsed');
                $(this).next('.group-content').toggleClass('collapsed');
            });
            
            // 全屏功能
            $('#fullscreen-btn').click(function() {
                const elem = document.documentElement;
                
                if (!document.fullscreenElement) {
                    if (elem.requestFullscreen) {
                        elem.requestFullscreen().catch(err => {
                            alert(`全屏错误: ${err.message}`);
                        });
                        $(this).html('<i class="fas fa-compress"></i>');
                    }
                } else {
                    if (document.exitFullscreen) {
                        document.exitFullscreen();
                        $(this).html('<i class="fas fa-expand"></i>');
                    }
                }
            });
            
            // 监听全屏变化
            document.addEventListener('fullscreenchange', function() {
                if (!document.fullscreenElement) {
                    $('#fullscreen-btn').html('<i class="fas fa-expand"></i>');
                }
            });
            
            // 初始化滚动条位置
            $('#chat-messages').scrollTop($('#chat-messages')[0].scrollHeight);
        });
 		
 
 
 
// 动态
$(document).ready(function() {
        // 导航菜单点击效果
	console.log(1);
        $('.nav-menu li').click(function() {
            $('.nav-menu li').removeClass('active');
            $(this).addClass('active');
        });
    
    
    
        // 返回顶部按钮
        $(window).scroll(function() {
            if ($(this).scrollTop() > 300) {
                $('.back-to-top').addClass('visible');
            } else {
                $('.back-to-top').removeClass('visible');
            }
        });
        
        $('.back-to-top').click(function() {
            $('html, body').animate({ scrollTop: 0 }, 500);
            return false;
        });
    
        // 显示提示
        function showToast(message, type = 'success') {
            var $toast = $('<div class="toast"></div>');
            $toast.text(message);
            
            if (type === 'success') {
                $toast.css({
                    'background-color': '#4CAF50',
                    'color': 'white'
                });
            } else if (type === 'error') {
                $toast.css({
                    'background-color': '#F44336',
                    'color': 'white'
                });
            }
            
            $('body').append($toast);
            $toast.css({
                'position': 'fixed',
                'bottom': '20px',
                'left': '50%',
                'transform': 'translateX(-50%)',
                'padding': '12px 24px',
                'border-radius': '4px',
                'box-shadow': '0 2px 10px rgba(0,0,0,0.2)',
                'z-index': '1000',
                'opacity': '0',
                'transition': 'all 0.3s ease'
            });
            
            setTimeout(function() {
                $toast.css('opacity', '1');
            }, 100);
            
            setTimeout(function() {
                $toast.css('opacity', '0');
                setTimeout(function() {
                    $toast.remove();
                }, 300);
            }, 3000);
        }
    
        // 图片悬停效果
        $('.feed-list').on('mouseenter', '.feed-images img', function() {
            $(this).css('opacity', '0.9');
        }).on('mouseleave', '.feed-images img', function() {
            $(this).css('opacity', '1');
        });
    
        // VIP按钮效果
        $('.btn-vip').hover(
            function() {
                $(this).css('transform', 'scale(1.05)');
            },
            function() {
                $(this).css('transform', 'scale(1)');
            }
        );
    
        // 浮动按钮动画
        $('.fab-btn').hover(
            function() {
                $(this).css('transform', 'translateY(-3px)');
            },
            function() {
                $(this).css('transform', 'translateY(0)');
            }
        );
    });